<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>众筹下单</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/all.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/PIE.js"></script>
    <script src="js/self.js"></script>
</head>
</body  ontouchstart="">
    <div class="theme-popover-mask"></div>
    <div id="loginIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="loginIframe">
            <iframe class="w100 h100 of db" src="login.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0" >

            </iframe>
        </div>
    </div>
    <!--loginIframeDiv-->
    <div id="registIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="registIframe">
            <iframe class="w100 h100 of" src="regist.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0">

            </iframe>
        </div>
    </div>
    <div id="forgotPwdIframeDiv" class="loginIframeDiv w100 h100 pf">
        <div class="registIframe">
            <iframe class="w100 h100 of" src="forgotPassword.html" frameborder="0" scrolling="no"  vsspace="0" hspace="0" marginwidth="0" marginheight="0">

            </iframe>
        </div>
    </div>
    <div id="header" class="header pr">
        <div class="w100 pa" style="background:#f3f3f3;left: 0;border-bottom: 0;height: 1px;z-index: -1;bottom: 0;"></div>
        <div class="headerAd w100">
            <img src="images/topad.png" class="db w100 h100">
        </div>
        <div class="w100 of">
            <div class="headernav jz clearfix of">
                <img src="images/maomaozhongchou.png" class="db fl">
                <ul class="fl">
                    <li onclick="window.location.href='index.html'">众筹项目</li>
                    <li onclick="window.location.href='zhongchouBaitiao.html'">众筹白条</li>
                    <li onclick="window.location.href='QiZhiTouZi.html'">二元期货</li>
                    <li onclick="window.location.href='QiZhiTouZi.html'">期指投资</li>
                    <li onclick="window.location.href='faqizhongchou.html'" class="nav_tabcurrent">发起众筹</li>
                    <li onclick="window.location.href='personalManagement.html'">邀请好友</li>
                </ul>
                <div class="headerLogin fr">
                    <div class="w100">
                        <div class="pr dib f15 fr rounded">
                            <div class="dib" id="loginBtn">登陆</div><div class="dib" id="registBtn">注册</div>
                            <span class="pa line"></span>
                        </div>
                        <img src="images/headerMan.png" class="fr">
                    </div>
                </div>
            </div>
        </div>
    </div><!--header-->

    <div class="container jz" style="margin-top: 18px;">
        <div class="w100 of" style="background: #fbfbfb">
            <div class="fqzcTittle jz tc c3 f25 of clearfix">
                众筹下单
            </div>
            <div class="orderDiv1 bcf jz">
                <div class="clearfix of" style="border-bottom: 1px dashed #E7E7E7;width: 694px;">
                    <img src="images/touxiang.jpg" class="fl">
                    <div class="fl">
                        <p class="c3 f21" style="margin-top: 17px;">众筹项目名称</p>
                        <div style="margin-top: 13px;">
                            <p class="c9 f16 fl"><span class="f13">&yen;</span><span class="f20">799.</span>00 ×1</p>
                            <p class="cred f16 fl" style="margin-left: 38px;"><span class="f13">&yen;</span><span class="f20">799.</span>00</p>
                        </div>
                    </div>
                </div>
                <div class="f16 c9 lh2">
                    <p class="lh15">此项目计划在 <span class="cred">2016年09月25号</span> 前得到 <span class="cred">177999990元</span> 的支持！剩余<span class="cred">19天</span>。</p>
                    <p>您将以众筹专享价获得<span class="cred">6件</span>实物。</p>
                    <p>预计回报发送时间：支持时间后<span class="cred">45天</span>内发货。</p>
                    <p>普通快递：<span class="cred">免费</span></p>
                </div>
            </div>

            <div  class="orderDiv2 jz">
                <div class="c3 f23" style="margin-top: 38px;">
                    实付金额总计：<span class="f19 cred">&yen;</span><span class="f29 cred">799.</span><span class="f23 cred">00</span>
                </div>
                <p class="f16 c9 mgt10 lh15">众筹后 <span class="cred">流动资金不够</span> 怎么办？ <span style="color: #0374f3">众筹白条</span> 可以帮您。</p>

                <p class="f21 c3" style="margin-top: 38px;">支付方式</p>
                <div id="payWay" class="payWay w100 clearfix of">
                    <div class="br3 fl payCurrent">支付宝</div>
                    <div class="br3 fl">微信</div>
                    <div class="br3 fl">余额</div>
                </div>
                <script>
                    $(function () {
                        $("#payWay>div").bind('click',function () {
                            $("#payWay>div").removeClass('payCurrent');
                            $(this).addClass('payCurrent');

                        })
                    })
                </script>
                <div class="w100" style="margin-top: 40px;">
                    <input type="checkbox" name="" id="agreement" value="agreement" checked="checked"/>
                    <label for="agreement" class="f15 c9">我已阅读并同意七彩云购的 <span style="color: #0374f3">《支持者协议》</span></label>
                </div>
                <div  class="w100 of clearfix mgt20">
                    <input type="button" name="" value="支&nbsp;付" id="" onclick="Sub();" class="bcblue cf f27 tc db br3 cursor fl" style="width: 350px;height: 63px;line-height: 62px;"/>
                    <p class="f15 c9 mgl10 fl" style="margin-top: 43px;">请您在 <span class="cred">24小时</span> 内付清款项，否则订单会被自动取消并删除</p>
                </div>
            </div>

            <div class="orderDiv2 jz" style="border: none">
                <p class="c6 f21">风险提示：</p>
                <div class="f15 c9">
                    <p class="mgt10 lh15">请您务必审慎阅读，充分理解协议中相关条款内容，其中包括：</p>
                    <p class="mgt10">1、风险提示条款和特别提示条款；</p>
                    <p class="mgt10">2、与您约定法律适用和管辖的条款：</p>
                    <p class="mgt10">3、其他以粗体标识的重要条款。</p>
                    <p class="mgt10">如果您不同意相关协议、公告、规则。操作流程和项目页面承诺。您有权不参与；一旦</p>
                    <p class="mgt10">选择参与，即视为您已确知并完全同意相关协议。</p>
                </div>
            </div>

        </div>
    </div><!--container-->

    <div id="footer" class="footer w100 of">
        <div class="container jz clearfix of" style="padding: 0;">
            <div class="fl" style="width: 966px">
                <div class="footerNav clearfix of">
                    <a href="#">关于众筹项目</a>
                    <a href="#">关于众筹白条</a>
                    <a href="#">关于二元期货</a>
                    <a href="#">关于期指投资</a>
                    <a href="#">关于我们</a>
                    <a href="#">免责声明</a>
                </div>
                <div class="footerTel clearfix of">
                    <span class="db fl">400-773-9876</span><span class="db fl" style="margin-left: 88px;">0773-1234567</span>
                </div>
                <div class="footerQQ clearfix of f18">
                    <div class="fl">
                        <img src="images/weixin.png" class="dib fl"><span class="db fl">微信客服</span>
                    </div>
                    <div class="fl" style="margin-left: 89px;">
                        <img src="images/qq.png" class="dib fl"><span class="db fl">QQ客服</span>
                    </div>
                </div>
            </div>
            <div class="fr" style="width: 136px;">
                <img src="images/qrCode-index.png" class="db w100 hauto" style="margin-top: 40px;">
                <p class="tc f14 mgt10">手机APP下载</p>
            </div>
        </div>
        <div class="w100 of" style="background: #30323b;">
            <div class="container jz clearfix of ffa f12" style="padding: 0;height: 66px;line-height: 66px;">
                Copyright ©2016&nbsp;&nbsp;&nbsp;&nbsp;七彩云购&nbsp;&nbsp;&nbsp;&nbsp;maomao.com版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;投资有风险，购买需谨慎
            </div>
        </div>
    </div><!--footer-->

<div id="loadingfDiv" class="loadingfDiv pf w100 h100 db">
    <div class="w100 h100">
        <img src="images/loading.gif" class="db jz" style="margin-top: 40%;">
    </div>
</div><!--loadinfDiv-->
<script>
    function Sub() {
        var payWay = $("#payWay .payCurrent").text();
        console.log(payWay)
        $.ajax({
            url: "",
            data: {payWay: payWay},
            type: 'post',
            dataType: 'json',
            beforeSend: function () {
                $("#loadingfDiv").fadeIn();
            },
            success: function (data) {
                console.log(data);
                if (data.code == 200) {
//                        alert("您的申请已提交,等待审核");
//                        alert(data.msg);
//                        window.location.reload();
//                        location.href = "withdraw.html";
                }else{
//                        alert(data.msg);
                    //window.history.back(-1);
                }
            },
            error: function (data) {
                alert(data.msg);
                return false;
            },
            complete: function () {
                $("#loadingfDiv").fadeOut();
            }
        });
    }

</script>
</body>
</html>